<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8"/>
    <title></title>
    <link rel="stylesheet" href="//at.alicdn.com/t/font_1467207_oox21jf10t8.css"/>
</head>
<body>

       <!--引用图片-->
       <img src="../img/12.png"/>

      <!--图标的引用-->
<i class="iconfont iconbianji" ></i>
      <i class="iconfont iconchenggong" ></i>
      <i class="iconfont iconaixin" ></i>
      <i class="iconfont iconcaidan"></i>
      <i class="iconfont iconanquan" ></i>
      <i class="iconfont iconzhifuchenggongx" ></i>

<!-- 段落文本-->
<p>段落文本</p>

<!-- 无序列表-->
<ul>
    <li>duan</li>
    <li>duan</li>
    <li>duan</li>
</ul>

<!-- 有序列表-->
<ol>
    <li>luo</li>
    <li>luo</li>
    <li>luo</li>
    <li>luo</li>
</ol>

<!--删除线-->
<Del>Delete</Del>

<!--输入框-->
<input type="text" >

<!--密文输入框-->
<input type="password" >

<!--单选框-->
<input type="radio" >

<!--两个只能选一个框-->
<input type="radio" name="a">
<input type="radio" name="a">

<!--多选框-->
 <input type="checkbox" /> <br/>

<!--按钮 复合标签-->
<button>搜索更多</button> <br/>

<!--按钮  单标签-->
<input type="button" value="搜索更多"/> <br/>
<input type ="button" value="搜索更多"/>

<!--标题标签-->
<h1>内容</h1>
<h2>内容</h2>
<h3>内容</h3>
<h4>内容</h4>
<h5>内容</h5>
<h6>内容</h6>

<!--普通文本标签-->
<span>普通文本</span> <br>

<!-- 超链接标签-->
<a href="https://www.baidu.com/">百度</a> <br>

<!--粗体-->
<b>粗体</b> <br>

<!--斜体i 多用于图标-->
<i>斜体</i> <br>

<!--斜体em  多用于字体-->
<em>斜体</em> <br>

<!--图片标签-->
<img src="https://f10.baidu.com/it/u=3087422712,1174175413&fm=72"/> <br>



           <!--滑块-->
<input type="range"/> <br>

       <!--颜色选择-->
<input type="color"/> <br>

    <!--段落文本输入框-->
<textarea>段落文本</textarea> <br>

      <!--下拉框-->
<select>
    <option>苹果</option>
    <option>水蜜桃</option>
    <option>葡萄</option>
    <option>西瓜</option>
    <option>菠萝</option>
    <option>香蕉</option>
    <option>椰子</option>
    <option>龙眼</option>
    <option>荔枝</option>
</select> <br>

     <!--引入本地图片 Ctrl+c Ctrl+v-->
       <img src="../img/12.png" alt=""/>
</body>
</html>